<page-header-wrapper [title]="'车型车长配置'" [content]="content">
    <ng-template #content>
        <nz-tabset class="tabs-wrap">
            <ng-container *ngFor="let tab of tabs">
                <nz-tab [nzTitle]="tab.name" (nzSelect)="changeTab(tab)" *ngIf="tab.isShow">
                </nz-tab>
            </ng-container>

        </nz-tabset>
    </ng-template>
</page-header-wrapper>

<nz-card class="search-box">
    <div nz-row nzGutter="8">
        <div nz-col [nzSpan]="6">
            <sf #sf [schema]="searchSchema" [ui]="{ '*': { spanLabelFixed: 90,grid: { span: 24 } }}" [compact]="true"
                [button]="'none'"></sf>
        </div>
        <div nz-col [nzSpan]="8" nzOffset="1">
            <button nz-button nzType="primary" [nzLoading]="loading" (click)="st?.load(1)">查询</button>
            <button nz-button (click)="resetSF()">重置</button>
        </div>
    </div>
</nz-card>

<nz-card>
    <div class="d-flex justify-content-end mb-sm">
        <div>
            <button nz-button nzType="primary" (click)="configAction()" acl
                [acl-ability]="['SYSTEM-CART-CONFIG-add']">新增</button>
        </div>
    </div>
    <st #st [data]="tabType === 3?service.$api_get_config_item_page:service.$api_get_dict_page" [columns]="columns"
        [req]="{process: beforeReq }" [res]="{  process: afterRes }" [loading]="loading" [scroll]="{ y: '370px' }"></st>
</nz-card>